13. Misc topics (1)
Today's topcs
Processing tweets
Takram visualizations
Book visualization
Weather visualization
Visual authenticaton
D3.js
Other visualization systems and libraries
ProcessingTweets
https://gyazo.com/eb819e5ad2d9c7c297491b9738a85cb6
Generative Art
Generate beautiful graphics
https://www.amazon.co.jp/dp/4297104636 https://gyazo.com/ac5851168fed4bb142dc7af1caf620f7
Visualization systems from Takuram
Design company by Kin'ya Tagawa
LEDIX
https://www.youtube.com/watch?v=t_YvT3a_6JU
PLANCK
https://www.youtube.com/watch?v=NNVxQlSxcq4
Book on Scrapbox
Mercari Book
https://gyazo.com/3019123ec3970f13d39b125c1be39777
Distance from Tokyo
https://www.youtube.com/watch?v=WvT8-LKQUJU
Weather visualization
Tokyo Amesh
http://gyazo.com/8ceb314f7e2e40aa232486e3fc9547bf.png
Tokyo wind
http://gyazo.com/7709dd3719f24ec79a2d68b47f9ffb9f.png
Vis.js
GraphVis on the Web
https://gyazo.com/c3354fccbfa059910593f046e4ffc4f3
https://gyazo.com/679742a3d56ec2a7b3ce64e0b0713eb6
Visual authentication
Use visual knowledges for authentication
http://gyazo.com/38a52f9d4f2c67eaf6f6cc7acdf3e13e.png
Why authentication is important these days
Age of ubiquitous computing
Everybody uses computers everywhere
Various computers are shared
Authentication required
Authentication methods
Use what people have
Keys, USB memories
Use what people are like
Bio authentication
Use what people know
Passwords, challenge questions
Use what people can do
CAPTCHA
Web page authentication
Mostly password-based
Visual authentication
Password-based authentication
Easy to implement
No special technology required
Useful on PCs
Keyboards are always available
Safe if properly managed
Problems of passwords
Difficult to select a good password
Difficult to remember
Easy to forget
Easy to attack
Difficult operation
Easy to copy
Character input device required
Problems of authentication hardware
Should be carried all the time
Easily forget to carry
Theft risks
Problems of bio authentication
Vulnerable to injury and sickness
Can be copied
No modification possble
What is the ultimate authentication method?
For everyone
Everywhere
Easy
Safe
No device
Feel safe
Prerequisites
Only use brain power
Knowledges, abilitys
Only proper user can execute
Use episodic memories
Episodic memories
Everyonen has episodic memories
Never forget
Not guessable from others
Impossible to copy
c.f. Semantic memory
Using images for authentication
Episodic memories are often image-related
Using episodic image memories for authentication
DéjàVu
Selecting images for authentication
http://gyazo.com/38a52f9d4f2c67eaf6f6cc7acdf3e13e.png
PassFace
Selecting faces
http://gyazo.com/918210f59d3892b2acdeb7aa276e9863.png
PassPoints
http://gyazo.com/eb52cc445b41c141dae0c2425b962d19.png
Difficult to remember?
People tend to select similar points
VisKey
Select special points
http://gyazo.com/2dbb4edc510938f3f23a0811e6b12ea6.png
Vidoop
Select categories
OpenIDに対応
http://gyazo.com/a5e94fe05d651e09b942566eba50684b.png
Recall-A-Story
http://gyazo.com/80cf70536ce29eb3e8afcde8e93f30f6.png
Select images based on a story
Maybe difficult to remember the story
Easy to forget
Nishigaki's method
http://gyazo.com/fe506a9fca9f94f2553897cd9767c988.png
Select an image from unclear images
Wiedenbeck式
http://gyazo.com/351a3b2722a7f524c2271812f07308c5.png
Select multiple points which surround the image
Quiz-based image authentication
Create quizes from episodic memories
Authenticationi success after right selection
http://gyazo.com/0cc5ab89130f083b358e70cc3edebe36.png
Demo: Quiz-based image authentication
Hondana.org
Creating Q/A pairs
Advantages of quiz-based authentication
Never forget
Easy to handle
Authentication level can be chnged
Used by group of people
Beautiful design possible
Beautiful images
http://gyazo.com/ca70afc60ec5218224c483e7c8ea46c2.png
Prolems of quiz-based authentication
Difficult to prepare images
Users feel unsafe
"Human-crypt" by Prof. Imai
Thinking about authentication from global viewpoint
Important, but not popular
Required technologies
How people can trust the system
Security evaluation
EpisoPass
Create passwords from quizes
No effort for remembering passwords
https://gyazo.com/b115430b2510bf23942be7463578ac9b
Using EpisoPass (EpisoDAS)
https://gyazo.com/117ce9636570a37c9a7553f4db167622
DAS
Use a drawing patter for authentication
https://gyazo.com/dad44e73b739a76973672b1dedd25659
Demo: EpisoPass
Drawing Dynamic Visualizations by Bret Victor
https://vimeo.com/66085662
http://gyazo.com/51e3e96756bf618c25c3184077bae675.png
Video: Bret Victor
Lecture at Stanford
https://www.youtube.com/watch?v=ef2jpjTEB5U
Data-Driven Documents (D3)
JavaScript visualization library
Use SVG and DOM
http://gyazo.com/de8d809e2d27f77f76300a6d854fb322.png
Hidden empty houses in the suburbs
http://www3.nhk.or.jp/news/akiya/ http://gyazo.com/5bed14053463cb734b174c0902dd257d.png
D3 examples
Treemap, Sunburst, etc.
Scrap-Graph
Scrapboxのつながりを視覚化
https://gyazo.com/750fcfca435be7c85e384ea47a7d9723
d3 Treemap
http://gyazo.com/78195b75ea63a1f901f4986d35e40be8.png
d3 Sunburst
http://gyazo.com/8abce282d17e4875f6f389b4cf2abd91.png
c.f. Overdisk
http://gyazo.com/105523c43eea6892fba4a76694f5a5bc.png
D3 now
Most popular visualization system
Integration with other frameworks
D3 + React
Video: Design is a search problem
by Mike Bostock
https://www.youtube.com/watch?v=fThhbt23SGM
Gephi
Graph visualization system
http://gyazo.com/df9bc4e839d00efad401c72d08af56d7.png
touchgraph
Graph visualization
http://gyazo.com/b01cde25f45ec668914f16f971b26de6.png
Livehoods
http://gyazo.com/f403687b15d406b8c6535700ab1c01a8.png
CMU project
Getiing moving history from foursquare
VivaGraphJS
http://gyazo.com/82704e7bfdab25ee6aa7cf8d4bd1a717.png
Realtime visualization of a graph
VVVV.js
MAX-like visual programming environment
http://gyazo.com/84b4b4ef14428f79a548221600b1e350.png
ArborJS
グラフ視覚化
http://gyazo.com/775d385df4ea3d7db5c5fe9a31d8c36b.png
Miso
http://gyazo.com/6921c694411a51a947e6b7354bc729b1.png
データ管理+情報視覚化ライブラリ
解説
igraph
ネットワーク視覚化/データ管理ライブラリ
R, Python, Ruby
http://gyazo.com/dcb2c36eee60864a76f92fb8b9b0d781.png
http://gyazo.com/cf7d02feb113f85c8ed3f3b1b7da66e4.png
InfoVis
http://thejit.org/ http://gyazo.com/c9361874f5163ffccdda8f65a53450bd.png
InfoVis
JavaScript visualization library
Animation support
InfoVisによるTreeMap
http://thejit.org/static/v20/Jit/Examples/Treemap/example1.html http://gyazo.com/d83b93de1a2273fae70f79a7b9a14e14.png
InfoVisによるネットワーク視覚化
http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html http://gyazo.com/ad098fd9ef176e44c187bdf4212e3413.png
infogr.am
対話的なインフォグラフィクス作成
http://infogr.am/Home-Run-Leaders-by-Season-Since-1901 http://gyazo.com/28489a66010a53e9235e705587c51d9b.png
RAW
http://gyazo.com/65c11d14d0ffae1f2546a564635d0f8e.png
d3を利用
Treemapなど決まったグラフを生成できる
PHP/SWF Charts
http://gyazo.com/9d833f18d4a7ffde85fb68d1c2fd1eb3.png
SocialAction
Ben Shneidermanのネットワーク情報視覚化ツール
ネットワーク分析と視覚化を統合
http://gyazo.com/027041ae81033b7de033394195b10f59.png
Video: SocialAction
http://gyazo.com/e48af851cee63cdd5a7d46b01a9a0bb0.png
https://vimeo.com/7308004
Cytoscape
https://www.youtube.com/watch?v=cY8zCQAm5uo&feature=emb_logo
Network visualization for bio research
cyto == 「cell」
Applicable to other network data
日本語情報Wiki
Rhinoceros
https://gyazo.com/617c639f0317c41ae8d6535ffec33405
デザイン、設計、製造などあらゆる分野におけるサーフェスモデラー
NURBS曲面を利用
Grasshopperというビジュアル言語利用
Visualizing.info
InfoVis portal?
Kibana
https://gyazo.com/254b85ad40fa322797c7995cefc20abd
ElasticSearch visualization
Facebook graph, Open graph
Graph drawing for Facebook links
将来のビジュアライゼーション
これまではパソコン上がほとんど
これからは大小様々な機器で
情報視覚化トレンド
どこでも安くディスプレイ
iPad、大型ディスプレイ
どこでも小さなディスプレイ
スマートフォン
Information Dashboardというのがある
デジタルサイネージ
最近とても多い
http://gyazo.com/8d2338a9b2cfd26086db1e0dba84124a.png
ソウルのサイネージ
http://gyazo.com/f4d9fa68059981201320cdd912c16030.png
サイネージの今後
より対話的に
実世界コピペなど
スマホと連携
より良いビジュアライゼーション
ユニバーサルデザイン
視覚化には文字が不要
外国人でも理解可能
ピクトグラム
http://gyazo.com/141da66599f1c9b4197b06f2e7bded82.png
視覚化の対象
特殊データベース
バイオ情報
ネットワーク情報
金融情報
普通のデータベース
Web
書籍
集合知
ソーシャルネットワーク
http://bost.ocks.org/mike/